<template>
	<view class="status-bar-component">
		<view class="status-bar-content" :style="{ height: (systemInfo.statusBarHeight || 20) + 'px' }"></view>
	</view>
</template>

<script>
import { mapState } from 'vuex'

export default {
	name: 'StatusBar',
	computed: {
		...mapState({
			systemInfo: state => state.systemInfo
		})
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>